.comcn /deep/.el-dialog {
    width: 60% !important;
}
.moduleDialog {
display: flex;
flex-direction: flex;
.baseTable {
    height: 190px;
}
.postionTable {
    flex: 1;
}
.noteTable {
    height: 250px;
}
}
.customTable {
    display: flex;
    height: 100%;
    justify-content: flex-end;
    align-items: center;
    padding-right: 30px;
  }
  .customTable /deep/.cell {
    height: 100%;
    display: flex;
    align-items: center;
  }
  
  .customTable /deep/.el-button {
    width: 25px;
  
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .tab {
    display: flex;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    border-bottom: 2px solid #E4E7ED;
    padding: 0 0.16rem;


    .btn {
        margin-top: 4px;
        margin-right: 16px;
        width: 102px;
        height: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;

    }
}

.charts {
    height: calc(100% - 30px);
    // height: 620px;
    // height: 100%;

}
.realTime {
    height: 120px; 
    margin-top: 8px;
    display: flex;
    justify-content: space-around;
    // justify-content: space-between;
    .titleTop {
        color: #333;
        font-size: 14px;
    }
    .titleNum {
        color: #333;
        font-size: 20px;
        font-weight: 700;
        line-height: 30px;
    }
    .unit {
        color: #333;
        font-size: 16px;
        font-weight: 400;
        margin-left: 10px;
    }
    .top {
        font-size: 12px;
        color: #999;
        line-height: 30px;
    }
    .bottom {
        font-size: 12px;
        color: #999;
        line-height: 30px;

    }
    .left {
        width: 45%;
        height: 100px;
        background: url(../../../assets/img/in/tg.png) no-repeat;
        background-size: 100% 100%;
        padding: 22px 20px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        .icon {
            width: 56px;
            height: 56px;
            background: url(../../../assets/img/in/t.png) no-repeat;
            background-size: 100% 100%;
        }
        .title {
            margin-left: 30px;
        }
        .range {
            margin-left: 30px;
        }

    }
    .left1 {
        width: 45%;
        height: 100px;
        background: url(../../../assets/img/in/ttg.png) no-repeat;
        background-size: 100% 100%;
        padding: 22px 20px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        .img  {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            z-index: 5;
            background: #F7A5B9;
            display: flex;
            justify-content: center;
            align-items: center;
    box-shadow: 0px 0px 0.03rem 0.03rem #FCD6E0;

           
        }
        .title {
            margin-left: 30px;
        }
        .range {
            margin-left: 30px;
        }
    }
    .right {
        width: 45%;
        height: 100px;
        background-color: #DFEBFD;
        background: url(../../../assets/img/in/hg.png) no-repeat;
        background-size: 100% 100%;
        padding: 22px 20px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        .icon {
            width: 56px;
            height: 56px;
            background: url(../../../assets/img/in/h.png) no-repeat;
            background-size: 100% 100%;
        }
        .title {
            // flex: 2;
            margin-left: 30px;
        }
        .range {
            // flex: 3;
            margin-left: 30px;
        }

    }
    .right1 {
      width: 45%;
      height: 100px;
      background: url(../../../assets/img/in/ttg.png) no-repeat;

      background-size: 100% 100%;
      padding: 22px 20px;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      .img  {
          width: 56px;
          height: 56px;
          border-radius: 50%;
          z-index: 5;
          background: #F7A5B9;
          display: flex;
          justify-content: center;
          align-items: center;
  box-shadow: 0px 0px 0.03rem 0.03rem #FCD6E0;

         
      }
      .title {
          margin-left: 30px;
      }
      .range {
          margin-left: 30px;
      }
  }
}
.imag {
    width:56px;
    height: 56px;
    border-radius: 50%;
    background: #FEDFF0;
    box-shadow: 0px 0px 0.03rem 0.03rem #F7A5B9;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: myFrame 1s linear infinite;
    -webkit-animation: myFrame 1s linear infinite;
   

    .img2 {
     
      width: 56px;
      height: 56px;
      border-radius: 50%;
      background-color: #FEDFF0;
      background-image: url(../../../assets/img/in/tt.png) ;
      background-size: 100% 100%;
    background-repeat: no-repeat;
    }
  }
  .imag1 {
    width:56px;
    height: 56px;
    border-radius: 50%;
    background: #FEDFF0;
    box-shadow: 0px 0px 0.03rem 0.03rem #F7A5B9;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: myFrame 1s linear infinite;
    -webkit-animation: myFrame 1s linear infinite;
   

    .img2 {
     
      width: 56px;
      height: 56px;
      border-radius: 50%;
      background-color: #FEDFF0;
      background-image: url(../../../assets/img/in/tt.png) ;
      background-size: 100% 100%;
    background-repeat: no-repeat;
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    } /*初始状态 透明度为0*/
    40% {
      opacity: 0.1;
    }
    60% {
      opacity: 0.5;
    } /*过渡状态 透明度为0*/
    100% {
      opacity: 1;
    } /*结束状态 透明度为1*/
  }
  @-webkit-keyframes fade-in {
    /*针对webkit内核*/
    0% {
      opacity: 0;
    }
    40% {
      opacity: 0.1;
    }
    60% {
      opacity: 0.5;
    }
    100% {
      opacity: 1;
    }
  }
  .jipeiBoxs {
    flex: 1;
    
  }

  @-webkit-keyframes breathe {
    0% {
      opacity: .2;
      box-shadow: 0 1px 2px rgba(255, 255, 255, 0.1);
    }
  
    100% {
      opacity: 1;
      border: none;
      box-shadow: 0 1px 30px rgba(59, 255, 255, 1);
    }
  }
  @keyframes myFrame{
    50%{
      width: 56px;
      height: 56px;
      // transform: translate(-8%);
      transform-origin: center;
      box-shadow: -1px 1px 30px red;
    }
  }
/deep/ .table_detail .yjxa-form-item {
    display: flex;
    flex-direction: row;
  }
  /deep/ .yjxa-form-item__label {
    line-height: 40px;
    // display: flex;
    // align-items: center;
    // width: 68px !important;
  }
  /deep/ .yjxa-form-item__content {
margin-left: 0px !important;
  }
  